body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

input,
select,
textarea {
    margin: 0;
    padding: 0;
    text-shadow: none;
    box-shadow: none;
    text-indent: 0;
    text-transform: none;
    background-image: none;
    border-image-outset: 0;
    font: 12px/1.5 "Microsoft YaHei", "Heiti SC", "tahoma", "arial", "Hiragino Sans GB";
}

body {
    font: 12px/1.5 "PingFangSC", "Open Sans", "Helvetica Neue", "Arial", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-repeat: repeat;
    background-image: url(https://static.sonkwo.com/frontend/assets/f61693dc8ddb8d8a590e7bc9c1603d04.jpg);
}

html {
    height: 100%;
}

.fixcontainer {
    min-height: 100%;
    margin: 0;
    position: relative;
    padding-bottom: 71px;
}

.SK-community-avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50% 50% 50% 50%;
    overflow: hidden;
}

.SK-loading {
    background: url("/loading.gif") no-repeat center;
    min-height: 32px;
    width: 100%;
    text-align: center;
}

body.show-popupbox {
    overflow: auto !important;
}

.overlayfixed {
    width: auto;
    height: auto;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 10000;
    overflow: hidden;
    overflow-y: hidden;
    background: rgba(0, 0, 0, 0.4);
}

.overlayfixed .hide {
    display: none;
}

.overlayfixed .overlaybox-wrap {
    margin: auto;
    position: relative;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header {
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    background-color: #282931;
    border-radius: 4px 4px 0 0;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-title {
    display: inline-block;
    padding-left: 25px;
    font-weight: bold;
    color: #ffffff;
    float: left;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn {
    display: inline-block;
    color: #c9c9c9;
    text-align: center;
    float: right;
    width: 64px;
    line-height: 64px;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa {
    font-size: 22px;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn:hover {
    color: #2f5c94;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.overlayfixed .overlaybox-wrap .overlaybox-content .overlaybox-body {
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
}

.overlayfixed .overlaybox-wrap.simple .overlaybox-header,
.overlayfixed .overlaybox-wrap.simple .overlaybox-body,
.overlayfixed .overlaybox-wrap.picture-view .overlaybox-header,
.overlayfixed .overlaybox-wrap.picture-view .overlaybox-body {
    background: none;
}

.overlayfixed .overlaybox-wrap.simple .overlaybox-header,
.overlayfixed .overlaybox-wrap.picture-view .overlaybox-header {
    display: none;
}

.age-limit {
    background: rgba(0, 0, 0, 0.8);
}

.SK-body-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 128px;
    overflow: hidden;
}

.SK-body-content .SK-left {
    width: 200px;
    min-height: 700px;
    float: left;
}

.SK-body-content .SK-middle {
    width: 712px;
    margin-left: 17px;
    float: left;
}

.SK-body-content .SK-middle .SK-middle-bottom {
    height: 60px;
    background-color: #e5e5e5;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    line-height: 60px;
}

.SK-body-content .SK-right {
    width: 256px;
    margin-left: 944px;
    margin-bottom: 74px;
}

.blank-container {
    width: calc(100vw);
    height: calc(100vh);
    background-color: #fff;
}

.blank-container .SK-hidden-form {
    display: none;
}

.SK-comment-block {
    padding-bottom: 25px;
    border-bottom: 1px solid #e8e8e8;
}

.SK-comment-block .SK-textarea-block {
    position: relative;
    margin-bottom: 20px;
}

.SK-comment-block .SK-textarea-block textarea {
    display: block;
    width: 825px;
    box-sizing: border-box;
    border: 1px solid #c5d9e8;
    background: #f8f9ff;
    font-size: 14px;
    color: #31374e;
    resize: none;
    padding: 12px 40px 12px 20px;
    outline: none;
}

.SK-comment-block .SK-textarea-block textarea:focus {
    background: #fff;
}

.SK-comment-block .SK-textarea-block span {
    font-size: 12px;
    color: #7a80a2;
    position: absolute;
    right: 19px;
    bottom: 5px;
}

.SK-comment-block .SK-textarea-block .red {
    color: #f00;
}

.SK-comment-block .SK-button:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-comment-block .SK-button span {
    float: right;
    width: 100px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #ff6900;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px 2px 2px 2px;
}

.SK-comment-block .SK-button span:hover {
    background: #ff8400;
}

.SK-comment-block .SK-button .disable {
    color: #aeb2c7;
    background: #e8e8e8;
    cursor: not-allowed;
}

.SK-comment-block .SK-button .disable:hover {
    background: #e8e8e8;
}

.SK-relect {
    /* -- relect container -- */
    /* -- box && option -- */
    /* -- box -- */
    /* -- option -- */
    /* .relect-focused-option {
        color: #fff;
        background: #29B6F6;
        border-radius: 2px;
        box-shadow: 0 0 1px rgba(0,0,0,.14);
    } */
    /* -- arrow -- */
}

.SK-relect .relect {
    cursor: pointer;
    text-align: left;
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.SK-relect .relect:focus {
    outline: none;
}

.SK-relect .relect-box,
.SK-relect .relect-option {
    width: inherit;
    background: #363d4f;
    box-sizing: border-box;
}

.SK-relect .relect-box {
    padding: 0 10px;
    display: inline-block;
}

.SK-relect .relect-box .relect-selected {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7a80a2;
}

.SK-relect .relect-placeholder {
    color: #7a80a2;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SK-relect .relect-option {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 10;
    list-style: none;
    overflow-y: auto;
    border: 1px solid #7a80a2;
}

.SK-relect .relect-option li {
    padding: 0 10px;
    color: #222;
    white-space: nowrap;
}

.SK-relect .relect-option li:hover {
    color: #30354c;
    background: #7a80a2;
}

.SK-relect .relect-option::-webkit-scrollbar {
    width: 8px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.SK-relect .relect-option::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.1);
}

.SK-relect .relect-option::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes slide-enter {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
    from,
    to {
        transform-origin: top;
    }
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes slide-enter {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
    from,
    to {
        transform-origin: top;
    }
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

.SK-relect .relect-arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    z-index: 1;
    font-size: 0;
    overflow: hidden;
    margin-top: -3px;
    border: solid 4px;
    border-color: #7a80a2 transparent transparent;
}

.SK-community-comment-block {
    font-size: 12px;
    color: #7a80a2;
    background: #33394d;
    padding: 20px 0;
}

.SK-community-comment-block h1 {
    font-size: 18px;
    color: primary-text;
    margin-bottom: 25px;
    padding-left: 10px;
    border-left: 3px solid #ff6900;
}

.SK-community-comment-block .comment-wrapper:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-comment-block .comment-wrapper img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 25px 25px 25px 25px;
    margin-right: 10px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper {
    float: left;
    width: 690px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block {
    height: 90px;
    position: relative;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block textarea,
.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .content-copy {
    resize: none;
    border: none;
    width: 100%;
    display: inline-block;
    height: 90px;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block #textarea-block {
    border: 0;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .content-copy {
    position: absolute;
    left: 560px;
    top: 0;
    visibility: hidden;
    word-break: break-word;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .textarea-block {
    border: 1px solid #dcdcdc;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 14px;
    color: #959595;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .textarea-block .login-button {
    cursor: pointer;
    text-decoration: underline;
    color: #000;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list {
    position: absolute;
    width: 200px;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    max-height: 150px;
    overflow: auto;
    z-index: 2;
    display: none;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .user-block {
    font-size: 14px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .user-block:hover {
    background: #edf5f9;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .remind {
    color: #bfbfbf;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-textarea-block .search-users-list .remind:hover {
    background: #ffffff;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list {
    margin: 15px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block {
    float: left;
    position: relative;
    height: 80px;
    width: 80px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block img {
    height: 80px;
    width: 80px;
    border-radius: 0;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block .delete-layer {
    display: none;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block .delete-layer .fa-times-circle {
    font-size: 24px;
    color: #508bf3;
    position: absolute;
    top: 28px;
    left: 30px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block:hover .delete-layer {
    display: block;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list .image-block+.image-block {
    margin-left: 15px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .images-list:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button {
    height: 38px;
    padding-left: 20px;
    /* background: #e4e6ec; */
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button button {
    float: left;
    padding: 0;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    background: #ff6900;
    color: #ffffff;
    border: none;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .mention-button,
.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button {
    background: none;
    color: #7a80a2;
    outline: none;
    font-size: 18px;
    width: 20px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button {
    margin-top: 2px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button .simple-uploader-container {
    overflow: hidden;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .image-button .simple-uploader-container .child {
    width: inherit;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .mention-button {
    margin-left: 20px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .forward-wrap {
    float: left;
    margin: 12px 0 0 20px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .forward-wrap .forwarding {
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .SK-remind-word-block {
    float: right;
    font-size: 12px;
    margin: 10px 10px 0 0;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .SK-remind-word-block>span {
    color: #ff6900;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .submit {
    float: right;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    width: 78px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #ff6900;
    margin-top: 0;
}

.SK-community-comment-block .comment-wrapper .textarea-block-wrapper .SK-button .disable {
    cursor: not-allowed;
}

.form-input {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.form-input .label-elm {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    text-align: right;
    font-size: 16px;
    color: white;
    width: 160px;
}

.form-input .input-text,
.form-input .input-captcha,
.form-input .input-code {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.9);
    line-height: 46px;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 14px;
    text-indent: 5px;
    border: none;
    border-radius: 3px;
    text-indent: 20px;
    resize: none;
}

.form-input .input-text::-webkit-input-placeholder,
.form-input .input-captcha::-webkit-input-placeholder,
.form-input .input-code::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.form-input .input-select::after {
    content: "";
    border-top: 5px solid rgba(255, 255, 255, 0.5);
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    position: relative;
    bottom: 20px;
    left: 430px;
    width: 0;
    z-index: 99;
    height: 0;
    pointer-events: none;
}

.form-input .input-text {
    width: 460px;
    height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-input .asterisk {
    vertical-align: top;
    display: inline-block;
    color: #f44848;
    width: 15px;
    font-size: 30px;
    height: 42px;
    padding-top: 6px;
    line-height: 48px;
}

.form-input .input-captcha,
.form-input .input-code {
    width: 290px;
    height: 46px;
}

.form-input .captcha-img,
.form-input .code-btn {
    height: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    margin-left: 10px;
}

.form-input .code-btn {
    border-radius: 3px;
    border: solid 1px #3a4056;
    height: 46px;
}

.form-input .captcha-img {
    height: 40px;
    overflow: hidden;
    margin-bottom: 2px;
}

.form-input .captcha-img img {
    height: 100%;
    width: 100%;
}

.form-input .text-hint {
    float: left;
    text-align: left;
    width: 230px;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    padding-left: 5px;
    overflow: hidden;
}

.form-input .text-hint .fa {
    width: 25px;
    text-align: center;
}

.form-input .text-hint.error-hint {
    color: #f44848;
}

.form-input .text-hint.error-hint span {
    word-break: break-all;
}

.form-input .text-hint.info-hint {
    color: #959595;
}

.form-input .text-hint.info-hint .fa {
    color: #2666b5;
}

.form-input.textarea {
    align-items: flex-start;
}

.form-black {
    width: 1200px;
    margin: 0 auto;
}

.form-black .form-title {
    margin: 50px auto 40px auto;
}

.form-black .form-title .unlock-text {
    text-align: left;
    display: inline-block;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.9);
}

.form-black .form-title .other-text {
    float: right;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
}

.form-black .form-title .other-text>a {
    color: #508bf3;
}

.form-black .form-body {
    background: #282931;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 51px 0 30px 213px;
}

.form-black .form-input {
    margin-bottom: 20px;
}

.form-black .label-elm {
    width: 200px;
}

.form-black .submit-btn {
    width: 460px;
    height: 46px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 31px 0 51px 210px;
}

span.bb_spoiler {
    color: #000000;
    background-color: #000000;
    padding: 0px 8px;
}

span.bb_spoiler:hover {
    color: #ffffff;
}

span.bb_spoiler>span {
    visibility: hidden;
}

span.bb_spoiler:hover>span {
    visibility: visible;
}

blockquote.bb_blockquote,
.bb_wysiwyg blockquote {
    border: 1px solid #56707f;
    border-radius: 3px;
    padding: 12px;
    margin: 8px;
    font-size: 92%;
}

div.bb_quoteauthor {
    font-size: 92%;
    font-style: italic;
}

div.bb_h1,
.bb_wysiwyg h1 {
    font-size: 15px;
    color: #5aa9d6;
    font-weight: normal;
}

span.bb_strike {
    text-decoration: line-through;
}

span.bb_link_host {
    font-size: 10px;
    color: #888;
    padding: 4px;
    top: -1px;
}

div.bb_code,
.bb_wysiwyg pre {
    border: 1px solid #535354;
    border-radius: 3px;
    padding: 12px;
    margin: 8px;
    font-size: 11px;
    font-family: Consolas, monospace;
    white-space: pre;
    white-space: pre-wrap;
    overflow-x: auto;
}

span.bb_removedlink {
    color: #56707f;
    font-weight: normal;
    font-size: 80%;
}

div.bb_table {
    display: table;
    font-size: 12px;
}

div.bb_table div.bb_table_th {
    display: table-cell;
    font-weight: bold;
    border: 1px solid #4d4d4d;
    padding: 4px;
}

div.bb_table div.bb_table_th img.sharedFilePreviewImage {
    margin: 0px;
}

div.bb_table div.bb_table_tr {
    display: table-row;
}

div.bb_table div.bb_table_td {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #4d4d4d;
    padding: 4px;
}

div.bb_table div.bb_table_td img.sharedFilePreviewImage {
    margin: 0px;
}

video.bb_video {
    width: 100%;
}


/* DayPicker styles */

.DayPicker {
    display: inline-block;
}

.DayPicker-wrapper {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 1rem;
    flex-direction: row;
}

.DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.DayPicker-Month {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 1rem;
    margin-top: 1rem;
}

.DayPicker-NavButton {
    position: absolute;
    cursor: pointer;
    top: 1rem;
    right: 1.5rem;
    margin-top: 2px;
    color: #8b9898;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.DayPicker-NavButton:hover {
    opacity: 0.8;
}

.DayPicker-NavButton--prev {
    margin-right: 1.5rem;
    background-image: url("");
}

.DayPicker-NavButton--next {
    background-image: url("");
}

.DayPicker-NavButton--interactionDisabled {
    display: none;
}

.DayPicker-Caption {
    padding: 0 0.5rem;
    display: table-caption;
    text-align: left;
    margin-bottom: 0.5rem;
}

.DayPicker-Caption>div {
    font-size: 1.15rem;
    font-weight: 500;
}

.DayPicker-Weekdays {
    margin-top: 1rem;
    display: table-header-group;
}

.DayPicker-WeekdaysRow {
    display: table-row;
}

.DayPicker-Weekday {
    display: table-cell;
    padding: 0.5rem;
    font-size: 0.875em;
    text-align: center;
    color: #8b9898;
}

.DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none;
}

.DayPicker-Body {
    display: table-row-group;
}

.DayPicker-Week {
    display: table-row;
}

.DayPicker-Day {
    display: table-cell;
    padding: 0.5rem;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
}

.DayPicker-WeekNumber {
    display: table-cell;
    padding: 0.5rem;
    text-align: right;
    vertical-align: middle;
    min-width: 1rem;
    font-size: 0.75em;
    cursor: pointer;
    color: #8b9898;
    border-right: 1px solid #eaecec;
}

.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default;
}

.DayPicker-Footer {
    padding-top: 0.5rem;
}

.DayPicker-TodayButton {
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    color: #4a90e2;
    font-size: 0.875em;
}


/* Default modifiers */

.DayPicker-Day--today {
    color: #d0021b;
    font-weight: 700;
}

.DayPicker-Day--outside {
    cursor: default;
    color: #8b9898;
}

.DayPicker-Day--disabled {
    color: #dce0e0;
    cursor: default;
    /* background-color: #eff1f1; */
}


/* Example modifiers */

.DayPicker-Day--sunday {
    background-color: #f7f8f8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: #dce0e0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    position: relative;
    color: #f0f8ff;
    background-color: #4a90e2;
    border-radius: 100%;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: #51a0fa;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: #f0f8ff;
    border-radius: 50%;
}


/* DayPickerInput */

.DayPickerInput {
    display: inline-block;
}

.DayPickerInput-OverlayWrapper {
    position: relative;
}

.DayPickerInput-Overlay {
    left: 0;
    z-index: 1;
    position: absolute;
    background: #282931;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.sk-select {
    position: relative;
    width: 100%;
    outline: none;
    display: inline-block;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.1);
    padding: 2px 2px;
}

.sk-select-selector {
    padding: 0 2px;
}

.sk-select-selector .sk-select-selection-search-input {
    border: none;
    outline: none;
    color: #fff !important;
    font-size: 14px;
    background-color: transparent;
}

.sk-select-selection {
    height: auto;
    display: block;
}

.sk-select-selection-item {
    flex: 1;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-right: 10px;
}

.sk-select-selection__rendered {
    margin-left: 10px;
}

.sk-select-selection__clear {
    position: absolute;
    right: 5px;
    top: 3px;
}

.sk-select-selection__clear-icon {
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}

.sk-select-selection__placeholder {
    position: absolute;
    color: #8dabc4;
    line-height: 20px;
}

.sk-select-selection-selected-value {
    min-height: inherit;
    height: auto;
    box-sizing: border-box;
    line-height: inherit;
    text-align: left;
    float: left;
    max-width: 100%;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sk-select-selection--single {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    outline: none;
}

.sk-select.sk-select-multiple {
    min-height: calc(36px - 2px);
    box-sizing: border-box;
}

.sk-select.sk-select-multiple:after {
    content: "";
    display: table;
    clear: both;
}

.sk-select.sk-select-multiple .sk-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.sk-select.sk-select-multiple .sk-select-selection-item {
    background-color: rgba(255, 255, 255, 0.2);
    flex: none;
    max-width: 100%;
    display: flex;
    box-sizing: border-box;
    margin-top: 7px;
    margin-bottom: 7px;
}

.sk-select.sk-select-multiple .sk-select-selection-search {
    position: relative;
}

.sk-select.sk-select-multiple .sk-select-selection-search-mirror {
    position: absolute;
    visibility: hidden;
}

.sk-select-dropdown {
    box-shadow: 0 0px 5px rgba(44, 64, 90, 0.25);
    background: #272830;
    border: solid 1px #34363d;
    border-radius: 4px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    box-sizing: border-box;
    z-index: 120;
    transition: color 0.3s ease, opacity 0.15s ease;
    top: 45px !important;
    left: 0 !important;
}

.sk-select-dropdown-hidden {
    display: none;
}

.sk-select-dropdown-menu {
    max-height: 324px;
    overflow-y: auto;
}

.sk-select-dropdown-menu-item {
    line-height: inherit;
    padding: 8px 10px;
    white-space: nowrap;
    line-height: 20px;
}

.sk-select-dropdown-menu-item-selected {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}

.sk-select-dropdown-menu-item:hover {
    cursor: default;
    background: rgba(255, 255, 255, 0.05);
}

.sk-select-dropdown-menu-item.not-found {
    text-align: center;
}

.sk-select-dropdown-menu-item.not-found:hover {
    background: transparent;
}

.sk-select-arrow {
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
}

.sk-select-arrow .loading-icon {
    color: #6a798d;
    -webkit-animation: rotateAnimate 0.6s linear infinite;
    animation: rotateAnimate 0.6s linear infinite;
}

@-webkit-keyframes rotateAnimate {
    from {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
    }
}

@keyframes rotateAnimate {
    from {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
    }
}

.sk-select-show-search .sk-select-selector input {
    cursor: auto;
}

.sk-select-single .sk-select-selector {
    display: flex;
    height: 38px;
    padding: 0 10px;
    position: relative;
    align-items: center;
}

.sk-select-single .sk-select-selector .sk-select-selection-search {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    right: 26px;
}

.sk-select-single .sk-select-selector .sk-select-selection-search-input {
    height: 38px;
    width: 100%;
}

.sk-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    width: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: -6px;
    display: inline-block;
    cursor: pointer;
}

.sk-select-item {
    cursor: pointer;
    padding: 10px 7px;
    font-size: 14px;
    line-height: 18px;
}

.sk-select-item-option {
    display: flex;
    color: rgba(255, 255, 255, 0.7);
}

.sk-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sk-select-item-option-active {
    background: rgba(255, 255, 255, 0.05);
}

.sk-select-item-option-selected {
    background: rgba(255, 255, 255, 0.05);
}

.sk-select-item-empty {
    text-align: center;
    padding: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.sk-select-disabled .sk-select-selection__choice__remove-icon {
    display: none;
}

.sk-select-disabled .sk-select-selection__choice {
    color: #8dabc4;
}

.sk-select-lg .sk-select-arrow {
    line-height: 40px;
}

.sk-select-lg .sk-select-selection {
    height: 40px;
}

.sk-select-lg .sk-select-selection--multiple {
    min-height: calc(40px - 2px);
}

.sk-select-sm .sk-select-arrow {
    line-height: 27px;
}

.sk-select-sm .sk-select-selection {
    height: 27px;
}

.sk-select-sm .sk-select-selection--multiple {
    min-height: calc(27px - 2px);
}

.rc-virtual-list-holder-inner {
    max-height: 210px;
    overflow-y: auto;
}

.rc-virtual-list-holder-inner::-webkit-scrollbar {
    width: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.rc-virtual-list-holder-inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.SK-community-container,
.SK-evaluation-message-container,
.SK-headline-container,
.SK-wechat-pay-container,
.sk-points-container {
    background: #1d1f27;
}

.SK-community-container .overlayfixed .overlaybox-content,
.SK-evaluation-message-container .overlayfixed .overlaybox-content,
.SK-headline-container .overlayfixed .overlaybox-content,
.SK-wechat-pay-container .overlayfixed .overlaybox-content,
.sk-points-container .overlayfixed .overlaybox-content {
    background: #272830;
    color: rgba(255, 255, 255, 0.7);
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header,
.sk-points-container .overlayfixed .overlaybox-content .overlaybox-header {
    background: #282931;
    height: 40px;
    line-height: 40px;
    padding: 10px 0 0 20px;
    border-radius: 0 0 0 0;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title,
.sk-points-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.sk-points-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn {
    color: #ffffff;
    width: 40px;
    line-height: 40px;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa,
.sk-points-container .overlayfixed .overlaybox-content .overlaybox-header .overlaybox-close-btn .fa {
    font-size: 16px;
}

.SK-community-container .overlayfixed .overlaybox-content .overlaybox-body,
.SK-evaluation-message-container .overlayfixed .overlaybox-content .overlaybox-body,
.SK-headline-container .overlayfixed .overlaybox-content .overlaybox-body,
.SK-wechat-pay-container .overlayfixed .overlaybox-content .overlaybox-body,
.sk-points-container .overlayfixed .overlaybox-content .overlaybox-body {
    border-radius: 0 0 0 0;
}

.SK-community-container .SK-back-to-top-button,
.SK-evaluation-message-container .SK-back-to-top-button,
.SK-headline-container .SK-back-to-top-button,
.SK-wechat-pay-container .SK-back-to-top-button,
.sk-points-container .SK-back-to-top-button {
    right: 10px;
    bottom: 160px;
    height: 50px;
    width: 50px;
    background: #33394d;
}

.SK-community-container .SK-back-to-top-button .fa,
.SK-evaluation-message-container .SK-back-to-top-button .fa,
.SK-headline-container .SK-back-to-top-button .fa,
.SK-wechat-pay-container .SK-back-to-top-button .fa,
.sk-points-container .SK-back-to-top-button .fa {
    font-size: 20px;
    color: #222;
    line-height: 50px;
    vertical-align: top;
}

.SK-community-container .scroll-list-bottom,
.SK-evaluation-message-container .scroll-list-bottom,
.SK-headline-container .scroll-list-bottom,
.SK-wechat-pay-container .scroll-list-bottom,
.sk-points-container .scroll-list-bottom {
    color: #7a80a2;
    text-align: center;
    padding: 30px 0;
    font-size: 14px;
}

.SK-community-content {
    padding-bottom: 40px;
    width: 1200px;
    margin: 0 auto;
    cursor: auto;
    position: relative;
    min-height: 100vh;
}

.SK-community-content .from-area {
    height: 70px;
    background: #212329;
    margin-bottom: 20px;
    border-radius: 5px 5px 5px 5px;
}

.SK-community-content .from-area:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-content .from-area a {
    float: left;
    width: 50%;
    height: 70px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
}

.SK-community-content .from-area .cn {
    border-radius: 5px 0 0 5px;
}

.SK-community-content .from-area .hk {
    border-radius: 0 5px 5px 0;
}

.SK-community-content .from-area .active {
    background: #272830;
    color: #fff;
}

.SK-community-content .SK-community-middle {
    float: left;
    width: 830px;
}

.SK-community-content .SK-community-right {
    margin-left: 850px;
}

.SK-community-content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-community-content .SK-error-popup {
    color: #434343;
}

.SK-community-content .SK-remind-block .SK-remind-content {
    color: #434343;
    padding-top: 30px;
}

.SK-community-content .SK-remind-block .SK-remind-action {
    padding-top: 30px;
}

.SK-community-content .SK-remind-block .SK-remind-action .SK-right-button {
    outline: none;
    background: #ffffff;
    color: #ff6900;
    border: 1px solid #ff6900;
}

.SK-community-content .SK-remind-block .SK-remind-action .SK-left-button {
    outline: none;
    background: #ff6900;
    color: #ffffff;
}

.SK-tasks-container {
    background-color: #f9f692;
    text-align: center;
}

.SK-tasks-container .task-header-bg {
    background-color: #4285cb;
    height: 270px;
    margin-bottom: 42px;
}

.SK-tasks-container .task-header {
    width: 100%;
    height: 312px;
    background: url(https://static.sonkwo.com/frontend/assets/a3095a9ed6498ca34f0a9d6564fa0222.png) top center no-repeat;
    background-size: auto 100%;
}

.SK-tasks-container .main-header,
.SK-tasks-container .rule-title {
    height: 58px;
    margin: 24px auto 14px auto;
    display: block;
    width: 404px;
    overflow: hidden;
}

.SK-tasks-container .task-main {
    width: 960px;
    height: 789px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 42px;
    background: url(https://static.sonkwo.com/frontend/assets/08ff1c9c5ba8bb364c9b0e2818b8d8d4.png) top center no-repeat;
    overflow: hidden;
    background-size: cover;
}

.SK-tasks-container .task-main .main-header {
    height: 58px;
    background: url(https://static.sonkwo.com/frontend/assets/bea2f95c08f576e178595bc94be977a1.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .task-main .coupon-container {
    width: 418px;
    height: 195px;
    margin: 10px;
    display: inline-block;
    background: url(https://static.sonkwo.com/frontend/assets/b1f8c035d2d1d97cbf6a9ebcce3c95d5.png) top center no-repeat;
    background-size: contain;
}

.SK-tasks-container .task-main .coupon-container .task-content {
    width: 11em;
    margin: 0 auto;
    line-height: 1.5em;
}

.SK-tasks-container .task-main .coupon,
.SK-tasks-container .task-main .coupon-click {
    width: 300px;
    height: 126px;
    background: url(https://static.sonkwo.com/frontend/assets/4850f345b846f857443047f8127b396d.png) top center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin: 12px auto 0 auto;
}

.SK-tasks-container .task-main .coupon .lock-item,
.SK-tasks-container .task-main .coupon-click .lock-item {
    width: 60px;
    height: 63px;
    float: left;
    background: url(https://static.sonkwo.com/frontend/assets/5706a7bd28908ece8f2e310f828d961c.png) top center no-repeat;
    background-size: contain;
}

.SK-tasks-container .task-main .coupon .lock-item.finished,
.SK-tasks-container .task-main .coupon-click .lock-item.finished {
    visibility: hidden;
}

.SK-tasks-container .task-main .coupon-click {
    background: url(https://static.sonkwo.com/frontend/assets/6172c0390e23d836a32584dce91a3d0d.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .task-main .task-item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 10px;
    width: 199px;
    height: 186px;
    background: yellow;
    color: #313131;
    text-align: center;
    background: url(https://static.sonkwo.com/frontend/assets/9cbc615b8f286e9304137e9689d6ee2f.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .task-main .task-item .share-pop {
    position: absolute;
    top: 90%;
    left: 0;
    z-index: 99;
}

.SK-tasks-container .task-main .task-title {
    width: 101px;
    height: 35px;
    font-size: 18px;
    font-weight: bold;
    color: #ed5353;
    line-height: 33px;
    margin: 7px auto 0 auto;
    background: url(https://static.sonkwo.com/frontend/assets/b85f93b38e81111edea9195ba1073aaa.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .task-main .btn {
    outline: none;
    border: none;
    width: 122px;
    height: 32px;
    margin: 12px auto 0 auto;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: url(https://static.sonkwo.com/frontend/assets/ac8303323767f7c8395448ed26c99f8d.png) top center no-repeat;
    border-radius: 4px;
    background-size: 100% 100%;
}

.SK-tasks-container .task-main .btn:active {
    background: url(https://static.sonkwo.com/frontend/assets/6fe2c56cdb9e65634a05fadb89c63019.png) top center no-repeat;
    background-size: 100% 100%;
    padding-top: 3px;
}

.SK-tasks-container .task-main .btn:disabled {
    background: url(https://static.sonkwo.com/frontend/assets/a3ebfb7347054c8b31a8fe8876bac45f.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .task-main .task-content {
    line-height: 1em;
    font-size: 16px;
}

.SK-tasks-container .logo {
    height: 62px;
    line-height: 62px;
    margin-top: 5px;
    overflow: hidden;
}

.SK-tasks-container .logo .logo-text {
    color: #ff4e4e;
    font-size: 18px;
}

.SK-tasks-container .logo>p {
    display: inline-block;
}

.SK-tasks-container .bet {
    background: url(https://static.sonkwo.com/frontend/assets/574eb314ff72ef397241c04ad66f9372.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .gam {
    background: url(https://static.sonkwo.com/frontend/assets/30044d55d0341af2ba562eb5322bfbd7.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .cap {
    background: url(https://static.sonkwo.com/frontend/assets/f4f465fa85473d273558a18de9731654.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .deep {
    background: url(https://static.sonkwo.com/frontend/assets/e72eedd2904257da1b104f7c71fbe91b.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .paradox {
    background: url(https://static.sonkwo.com/frontend/assets/4acc7fd37fc5e7404a5c76273354ceca.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .t2 {
    background: url(https://static.sonkwo.com/frontend/assets/5d265efcaf93b23a65ba494f29c489bb.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .bit {
    background: url(https://static.sonkwo.com/frontend/assets/839aa8286cc5dbe7e9afd979d0b93477.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .bdn {
    background: url(https://static.sonkwo.com/frontend/assets/631b3d1b3fd8856b68aa43c51a712bf0.png) top center no-repeat;
    height: 62px;
    background-size: auto;
}

.SK-tasks-container .finish-icon {
    width: 44px;
    height: 44px;
    display: inline-block;
    position: absolute;
    right: 14px;
    bottom: 15px;
    background: url(https://static.sonkwo.com/frontend/assets/a9866fbcd5b9d9506f13b4ff93d857a7.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .rules {
    width: 960px;
    height: 279px;
    margin: 21px auto 64px auto;
    overflow: hidden;
    padding: 0 50px;
    box-sizing: border-box;
    background: url(https://static.sonkwo.com/frontend/assets/7af30a504470d26308d632fda7ac1e82.png) top center no-repeat;
}

.SK-tasks-container .rules .rule-title {
    background: url(https://static.sonkwo.com/frontend/assets/ccc6f9fece9b2ad59ed3623b126a73ce.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .rules .rule-list {
    text-align: left;
    list-style-type: decimal;
    color: #ffeb5f;
    font-size: 14px;
    line-height: 2em;
}

.SK-tasks-container .main-header,
.SK-tasks-container .task-item,
.SK-tasks-container .task-title,
.SK-tasks-container .btn,
.SK-tasks-container .rules,
.SK-tasks-container .rule-title,
.SK-tasks-container .rule-title {
    background-size: 100% 100%;
}

.SK-tasks-container .pop-award {
    background: url(https://static.sonkwo.com/frontend/assets/2e3eea68f77ad6244e2a3d26db23550d.png) top center no-repeat;
    background-size: 100% 100%;
    color: #ee5353;
    width: 533px;
    height: 313px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.SK-tasks-container .pop-award .award-title {
    font-size: 28px;
    margin: 72px 0 36px 0;
}

.SK-tasks-container .pop-award .award-content {
    padding: 0 70px;
}

.SK-tasks-container .pop-award.no-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.SK-tasks-container .pop-award.no-title .award-title {
    display: none;
}

.SK-tasks-container .pop-award.no-title .award-content {
    font-size: 28px;
    display: flex;
    justify-content: center;
}

.SK-tasks-container .lottery {
    width: 960px;
    height: 789px;
    position: relative;
    overflow: hidden;
    background: url(https://static.sonkwo.com/frontend/assets/08ff1c9c5ba8bb364c9b0e2818b8d8d4.png) top center no-repeat;
    background-size: 100% 100%;
}

.SK-tasks-container .lottery .lottery-title {
    font-size: 16px;
    width: 318px;
    margin: 26px auto 5px auto;
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background-color: darkred;
    color: #ffed41;
}

.SK-tasks-container .lottery .lottery-award {
    height: 253px;
    margin: 0 auto;
    width: 934px;
    background: url(https://static.sonkwo.com/frontend/assets/88dd57ca18ea089afa2ce7e8b52e742b.png) top center no-repeat;
    background-size: auto 100%;
}

.SK-tasks-container .lottery .lottery-text {
    margin: 40px auto 43px auto;
    color: #ffed41;
    font-size: 50px;
    font-weight: bold;
    line-height: 1em;
}

.SK-tasks-container .lottery .lottery-text>span {
    font-size: 60px;
    display: inline-block;
    line-height: 1em;
}

.SK-tasks-container .lottery .btn-group .btn10 {
    margin-right: 34px;
    background: url(https://static.sonkwo.com/frontend/assets/79e750ce00bcaed282f3f63a85d4d48a.png) top center no-repeat;
}

.SK-tasks-container .lottery .btn-group .btn100 {
    background: url(https://static.sonkwo.com/frontend/assets/f10afd2f405655aae096635dbf186c80.png) top center no-repeat;
}

.SK-tasks-container .lottery .btn-group .btn10,
.SK-tasks-container .lottery .btn-group .btn100 {
    width: 226px;
    height: 68px;
    color: #ffed41;
    font-size: 30px;
    font-weight: bold;
    line-height: 68px;
    text-align: center;
    display: inline-block;
    background-size: contain;
}

.SK-tasks-container .lottery .btn-group .btn10:hover,
.SK-tasks-container .lottery .btn-group .btn100:hover {
    cursor: default;
}

.SK-tasks-container .lottery .rule-score {
    width: 900px;
    height: 176px;
    text-align: left;
    background: url(https://static.sonkwo.com/frontend/assets/97908faeb86cd2fcffce5f846b6796d3.png) top center no-repeat;
    background-size: contain;
    color: #b91b1b;
    font-size: 14px;
    line-height: 1.5em;
    padding: 17px 23px 14px 30px;
    margin: 30px auto;
    box-sizing: border-box;
}

.SK-tasks-container .lottery .rule-score .score-title {
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 13px;
}

.SK-tasks-container .close-btn {
    background: url(https://static.sonkwo.com/frontend/assets/85aa0075918e6ed31e6f498e635cdc08.png) top center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    font-size: 24px;
    width: 22px;
    height: 22px;
    right: 24px;
    top: 24px;
}

.agreement-container {
    overflow: hidden;
    margin: 0 auto;
    width: 1170px;
    min-height: 650px;
}

.agreement-container .agreement-title {
    width: 100%;
    display: inline-block;
    padding: 30px 0 15px 0;
    font-size: 30px;
    color: white;
    font-weight: lighter;
}

.agreement-container .agreement-block {
    margin-bottom: 100px;
    border-radius: 3px;
    line-height: 18px;
    font-size: 14px;
    color: white;
    display: inline-block;
    padding: 20px 20px 35px 20px;
    width: 1124px;
    border: 3px solid rgba(255, 255, 255, 0.5);
}

.agreement-container .agreement-block a {
    color: #fb9212;
}

.agreement-container .agreement-block .agreement-contact {
    margin-top: 60px;
    width: 1124px;
    float: left;
    display: inline-block;
}

.agreement-container .agreement-block .agreement-contact .contact-block {
    margin-top: 20px;
    width: 1124px;
    float: left;
    display: inline-block;
}

.agreement-container .agreement-block .agreement-contact .contact-block .contact-block-line {
    width: 1124px;
    float: left;
    display: inline-block;
}

.agreement-container .agreement-block .agreement-contact .bold {
    font-weight: bold;
}

.agreement-container .agreement-block .agreement-entry {
    margin-top: 30px;
    float: left;
    display: inline-block;
    width: 1124px;
}

.agreement-container .agreement-block .agreement-entry .entry-title {
    color: #fb9212;
    font-weight: bold;
    width: 1124px;
    float: left;
    display: inline-block;
}

.agreement-container .agreement-block .agreement-entry .entry-line {
    float: left;
    width: 1124px;
    display: inline-block;
    margin-top: 20px;
}

.agreement-container .agreement-block .agreement-entry .entry-line .entry-line-label {
    text-align: center;
    font-weight: bold;
    color: #fb9212;
    width: 34px;
    float: left;
    display: inline-block;
}

.agreement-container .agreement-block .agreement-entry .entry-line .entry-line-text {
    width: 1090px;
    float: right;
    display: inline-block;
}

.agreement-container {
    width: 1170px;
    margin: 0px auto 100px auto;
    color: white;
    white-space: pre-line;
}

.agreement-container ol {
    list-style-type: decimal;
}

.agreement-container ol li {
    list-style-position: inside;
    margin-left: -16px;
}

.agreement-container ul {
    list-style-type: disc;
}

.agreement-container ul li {
    list-style-position: outside;
}

.agreement-container .agreement-title {
    padding: 30px 0 15px 0;
    font-size: 30px;
    font-weight: lighter;
}

.agreement-container .agreement-block {
    border-radius: 3px;
    line-height: 18px;
    font-size: 14px;
    padding: 20px 20px 35px 20px;
    box-sizing: border-box;
    border: 3px solid rgba(255, 255, 255, 0.5);
    overflow: hidden;
}

.agreement-container .agreement-block .aggre-item {
    margin-top: 30px;
}

.agreement-container .agreement-block .agreement-outline-title {
    color: #fb9212;
    font-weight: bold;
}

.agreement-container .agreement-block .agreement-outline-content {
    text-indent: 2em;
}

.agreement-container .agreement-block .aggre-item-child,
.agreement-container .agreement-block .child-content-item {
    margin-top: 20px;
    padding-left: 5px;
    display: flex;
}

.agreement-container .agreement-block .aggre-item-child .item-num,
.agreement-container .agreement-block .aggre-item-child .item-content,
.agreement-container .agreement-block .child-content-item .item-num,
.agreement-container .agreement-block .child-content-item .item-content {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.agreement-container .agreement-block .aggre-item-child .rule-table,
.agreement-container .agreement-block .child-content-item .rule-table {
    width: 100%;
    table-layout: fixed;
    border: solid 0.0625rem #e5e5e5;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
}

.agreement-container .agreement-block .aggre-item-child .rule-table tr,
.agreement-container .agreement-block .child-content-item .rule-table tr {
    border: solid 0.0625rem #e5e5e5;
}

.agreement-container .agreement-block .aggre-item-child .rule-table tr td,
.agreement-container .agreement-block .child-content-item .rule-table tr td {
    border-right: solid 0.0625rem #e5e5e5;
    text-align: center;
    height: 50px;
    padding: 0 0.4375rem;
}

.agreement-container .agreement-block .aggre-item-child .rule-table tr .item0,
.agreement-container .agreement-block .child-content-item .rule-table tr .item0 {
    width: 100px;
    height: 30px;
}

.agreement-container .agreement-block .aggre-item-child .rule-table tr .item4,
.agreement-container .agreement-block .child-content-item .rule-table tr .item4 {
    word-break: break-all;
}

.agreement-container .agreement-block .agree-child-list {
    padding-left: 5px;
}

.agreement-container .agreement-block .child-content {
    margin-top: 20px;
}

.agreement-container .agreement-block * {
    color: white;
}

.agreement-container .agreement-block h3 {
    color: #fb9212;
    font-weight: bold;
}

.agreement-container .agreement-block .item-num {
    color: #fb9212;
    font-weight: bold;
}

.agreement-container .agreement-block .item-num-child {
    margin-left: 8px;
}

.agreement-container .agreement-block .agreement-contact {
    margin-top: 60px;
}

.agreement-container .agreement-block .agreement-contact .tel {
    margin-top: 20px;
}

.agreement-container .agreement-block .text-oranhe {
    color: #fb9212;
}

.SK-store-container {
    background: #1d1f27;
    height: 100vh;
}

#background_layer {
    background-repeat: repeat;
    background-position: center top;
}

#background_main {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    cursor: pointer;
}

.SK-store-container .store-ad-waist {
    width: 100%;
    height: 160px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.SK-store-container .store-ad-waist div {
    display: block;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}

.SK-store-container .store-ad-waist div img {
    display: block;
    width: 1200px;
    height: 160px;
    border-radius: 3px;
}

.SK-store-container .store-ad-waist div .close-times {
    width: 44px;
    height: 44px;
    background: url(https://static.sonkwo.com/frontend/assets/082833c81e56d31a15580bd5a66524c5.png) center center no-repeat;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 6px;
}

.SK-store-container .springboard-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1001;
}

.SK-store-container .springboard-container .main-content {
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.SK-store-container .springboard-container .main-content img {
    width: auto;
    max-width: 1200px;
    max-height: 800px;
    border-radius: 8px;
    cursor: pointer;
}

.SK-store-container .springboard-container .main-content .close {
    width: 48px;
    height: 48px;
    background: url(https://static.sonkwo.com/frontend/assets/082833c81e56d31a15580bd5a66524c5.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.SK-store-container .SK-friend-links-container {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    background: #15161c;
}

.SK-store-container .SK-friend-links-container .SK-friend-links-content {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    word-break: break-all;
    color: rgba(255, 255, 255, 0.5);
    line-height: 24px;
}

.SK-store-container .SK-friend-links-container .SK-friend-links-content a {
    color: rgba(255, 255, 255, 0.5);
    margin-right: 20px;
}

.SK-store-container .SK-friend-links-container .SK-friend-links-content a:hover {
    text-decoration: underline;
    color: #fff;
}

.SK-store-container .lottory-tips {
    width: 500px;
    background: #282931;
    color: rgba(255, 255, 255, 0.9);
    padding: 20px;
}

.SK-store-container .lottory-tips .repeat_tips,
.SK-store-container .lottory-tips .norepeat_tips {
    font-size: 20px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 30px;
}

.SK-store-container .lottory-tips .repeat_tips p,
.SK-store-container .lottory-tips .norepeat_tips p {
    margin: 30px 0;
}

.SK-store-container .lottory-tips .repeat_tips .tips,
.SK-store-container .lottory-tips .norepeat_tips .tips {
    font-size: 14px;
}

.SK-store-container .lottory-tips .repeat_tips span {
    color: #ff6900;
}

.SK-store-container .lottory-tips .lottery_btn {
    display: flex;
    justify-content: center;
}

.SK-store-container .lottory-tips .lottery_btn .sure {
    text-align: center;
    line-height: 35px;
    height: 35px;
    background: linear-gradient(180deg, #ff6900 0%, #ff8800 100%);
    opacity: 1;
    font-size: 14px;
    padding: 0 36px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 30px;
}

.SK-store-container .give-away-tips {
    width: 500px;
    background: #282931;
    color: rgba(255, 255, 255, 0.9);
    padding: 20px;
}

.SK-store-container .give-away-tips .tips {
    font-size: 20px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 30px;
}

.SK-store-container .give-away-tips .tips p {
    margin: 30px 0;
}

.SK-store-container .give-away-tips .app_download {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.SK-store-container .give-away-tips .app_download .code {
    width: 200px;
    height: 200px;
    background-color: #3178f5;
    background-image: url(https://static.sonkwo.com/frontend/assets/f7afadd78b9dc5feb2a5eeec116d3a76.png);
    background-size: 100%;
}

.SK-store-container .give-away-tips .i_see {
    display: flex;
    justify-content: center;
}

.SK-store-container .give-away-tips .i_see .sure {
    text-align: center;
    line-height: 35px;
    height: 35px;
    background: linear-gradient(180deg, #ff6900 0%, #ff8800 100%);
    opacity: 1;
    font-size: 14px;
    padding: 0 36px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 30px;
}

.game-block-container {
    width: 285px;
    height: 218px;
    margin-right: 20px;
    float: left;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    overflow: hidden;
}

.game-block-container .recommend-text {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 168px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px 20px 0 20px;
    box-sizing: border-box;
}

.game-block-container .recommend-text .recommend-game-name {
    margin-bottom: 8px;
}

.game-block-container .recommend-text .text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.game-block-container img {
    width: 285px;
    height: 168px;
    display: block;
    opacity: 0.8;
}

.game-block-container .game-name {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    background: rgba(0, 0, 0, 0.75);
}

.game-block-container .price-block {
    height: 50px;
    background: #282931;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
    position: relative;
}

.game-block-container .price-block .pending-sale-box {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
}

.game-block-container .price-block .normal-sale-box {
    color: rgba(255, 255, 255, 0.3);
    position: relative;
}

.game-block-container .price-block .platform_icon {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
    margin-right: 8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 15px;
}

.game-block-container .price-block .sale {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.game-block-container .price-block .discount {
    display: inline-block;
    background: #2270dd;
    color: #ffffff;
    padding: 4px;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 2px;
    position: relative;
}

.game-block-container .price-block .list-wrap {
    display: inline-block;
    position: relative;
    text-align: left;
}

.game-block-container .price-block .list-wrap span {
    display: block;
}

.game-block-container .price-block .list-wrap .list-price {
    font-size: 12px;
    color: #909090;
    text-decoration: line-through;
}

.game-block-container .price-block .list-wrap .price {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: bold;
}

.nocaptcha-46 .nc_scale {
    height: 46px;
}

.nocaptcha-46 .nc_scale span {
    border: none;
    width: 40px;
    height: 46px !important;
    line-height: 46px !important;
}

.nocaptcha-46 .nc_scale .btn_slide {
    width: 80px;
    border: none;
}

.nocaptcha-40 .nc_scale {
    height: 40px;
}

.nocaptcha-40 .nc_scale span {
    border: none;
    width: 40px;
    height: 40px !important;
    line-height: 40px !important;
}

.nocaptcha-36 .nc_scale {
    height: 36px;
}

.nocaptcha-36 .nc_scale span {
    border: none;
    width: 40px;
    height: 36px !important;
    line-height: 36px !important;
}

.nc-container {
    border-radius: 3px;
}

.nc-container .nc_scale {
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.2);
}

.nc-container .nc_scale .nc_bg {
    border-radius: 3px;
}

.nc-container .nc_scale .scale_text {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.5);
}

.nc-container .nc_scale .scale_text .nc-lang-cnt {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.77);
}

.nc-container .nc_scale .scale_text2 {
    background-color: #29cf97 !important;
    border-radius: 3px;
}

.nc-container .nc_scale .scale_text2 .nc-lang-cnt {
    color: white;
}

.nc-container .nc_scale span[data-nc-lang="_startTEXT"] {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.77) !important;
}

.nc-container .nc_scale .nc_iconfont {
    border-radius: 3px;
}

.nc-container .nc_scale .btn_slide {
    background: linear-gradient(180deg, #ffffff 0%, #c9c9c9 100%) !important;
    font-size: 30px;
    color: #202539 !important;
}

.nc-container .nc_scale .btn_ok {
    background-color: white !important;
    color: #29cf97 !important;
    font-size: 24px;
}

.SK-user-center-security-content-container {
    position: relative;
    font-size: 16px;
    background: #282931;
    padding: 40px 100px 100px 110px;
}

.SK-user-center-security-content-container .concat {
    float: right;
    color: #7a80a2;
    font-size: 14px;
    margin-top: 25px;
}

.SK-user-center-security-content-container .concat a {
    color: #508bf3;
    text-decoration: underline;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-buttons {
    background: transparent;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 8px;
    margin-bottom: 150px;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-buttons .tabs-button {
    font-size: 28px;
    border: 0;
    padding: 0;
    height: 64px;
    line-height: 64px;
    margin-right: 44px;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-buttons .tabs-button a {
    color: rgba(255, 255, 255, 0.7);
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-buttons .tabs-button.active {
    background: transparent;
    border-bottom: 4px solid #ff6900;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-buttons .tabs-button.active a {
    color: #ff6900;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content {
    margin-left: 170px;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content .SK-tabs-item-container .SK-form-block button {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    padding: 7px 21px;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content .SK-tabs-item-container .SK-form-block .send-btn {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content .SK-tabs-item-container .SK-form-block .delay-btn {
    background: #484a51;
    cursor: not-allowed;
    color: #909090;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content .SK-tabs-item-container .btn-wrap {
    margin: 180px 0 0 100px;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content .SK-tabs-item-container .btn-wrap button {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    padding: 7px 80px;
    font-size: 18px;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content .no-bind-wrap {
    margin-left: -170px;
    padding-top: 90px;
    text-align: center;
}

.SK-user-center-security-content-container .SK-tabs-container .SK-tabs-content .no-bind-wrap a {
    color: #ff6900;
}

.SK-user-center-security-content-container h1 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 125px;
    position: relative;
}

.SK-user-center-security-content-container h1 .concat-custom {
    position: absolute;
    right: 110px;
    bottom: 25px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.SK-user-center-security-content-container h1 .concat-custom a {
    color: #508bf3;
    text-decoration: underline;
}

.SK-user-center-security-content-container .SK-form-block-wrap {
    margin-left: 200px;
}

.SK-user-center-security-content-container .SK-form-block-wrap .SK-form-block button {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    padding: 7px 21px;
}

.SK-user-center-security-content-container .SK-form-block-wrap .SK-form-block .delay-btn {
    background: rgba(255, 255, 255, 0.7);
}

.SK-user-center-security-content-container .SK-form-block-wrap .SK-form-block .SK-captcha {
    width: 70px;
    height: 26px;
}

.SK-user-center-security-content-container .SK-form-block-wrap .SK-form-block .SK-exchange {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: -2px;
    cursor: pointer;
}

.SK-user-center-security-content-container .SK-form-block-wrap .btn-wrap {
    margin: 180px 0 0 100px;
}

.SK-user-center-security-content-container .SK-form-block-wrap .btn-wrap button {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    padding: 7px 80px;
    font-size: 18px;
}

.SK-user-center-security-content-container .SK-user-center-security-auth {
    width: 476px;
    height: 294px;
    padding: 25px 0 0 25px;
    box-sizing: border-box;
    background-color: #212329;
    border-radius: 20px 20px 20px 20px;
}

.SK-user-center-security-content-container .SK-user-center-security-auth .photo {
    float: left;
    width: 100px;
    height: 113px;
    background: url(https://static.sonkwo.com/frontend/assets/2239d64b79a525319b15fbc001d8bb57.png) 0 0 no-repeat;
}

.SK-user-center-security-content-container .SK-user-center-security-auth .right {
    float: left;
    margin-left: 28px;
}

.SK-user-center-security-content-container .SK-user-center-security-auth .right .SK-form-credit-type-block {
    margin: 40px 0 85px 0;
}

.SK-user-center-security-content-container .SK-user-center-security-bind-auth {
    padding: 35px 0 0 85px;
    border: 3px solid #212329;
}

.SK-user-center-security-content-container .SK-user-center-security-bind-auth:first-child .SK-form-control {
    background-color: #282931;
}

.SK-user-center-security-content-container .SK-user-center-security-bind-auth .des {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 70px;
}

.SK-user-center-security-content-container .SK-user-center-security-bind-auth .btn-wrap {
    margin: 55px 0 0 40px;
}

.SK-user-center-security-content-container .SK-user-center-security-bind-auth .btn-wrap .bottom-des {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
}

.SK-user-center-security-content-container .SK-user-center-security-bind-auth .SK-form-hint {
    max-width: 275px;
    overflow: hidden;
}

.SK-user-center-security-content-container .no-bind-wrap a {
    text-decoration: underline;
}

.SK-user-center-bind-auth-container h1 {
    margin-bottom: 60px;
}

.SK-user-center-bind-auth-container .SK-form-block-wrap {
    margin-left: 170px;
}

.SK-user-center-bind-auth-container .SK-form-block-wrap .SK-form-block {
    width: 600px;
}

.SK-user-center-bind-auth-container .btn-wrap {
    text-align: center;
    margin-top: 60px;
}

.SK-user-center-bind-auth-container .btn-wrap .bottom-des {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 30px;
}

.SK-user-center-bind-auth-container .btn-wrap button {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    padding: 7px 80px;
    font-size: 18px;
}

.SK-user-center-auth-container h1 {
    margin-bottom: 110px;
}

.SK-user-center-auth-container .SK-form-block-wrap {
    margin-left: 170px;
}

.SK-user-center-container .SK-user-center-password-container .SK-captcha {
    width: 70px;
    height: 26px;
}

.SK-user-center-container .SK-user-center-password-container .user_center_security_change_mobile .SK-form-block .SK-label-name,
.SK-user-center-container .SK-user-center-password-container .user_center_security_unbind_mobile .SK-form-block .SK-label-name {
    width: 120px;
}

.SK-user-center-container .SK-user-center-password-container .user_center_security_change_mobile .overlaybox-content .overlaybox-body .SK-remind-content,
.SK-user-center-container .SK-user-center-password-container .user_center_security_unbind_mobile .overlaybox-content .overlaybox-body .SK-remind-content {
    padding: 25px 20px 0 20px;
}

.SK-user-center-password-container .SK-form-hint {
    max-width: 305px;
    overflow: hidden;
}

.SK-user-center-password-container .send-btn+.SK-form-hint {
    max-width: 215px;
}

.SK-user-center-bind-container .SK-form-hint {
    max-width: 275px;
    overflow: hidden;
}

.SK-user-center-bind-container .send-btn+.SK-form-hint {
    max-width: 180px;
}

.SK-user-center-bind-container .SK-exchange+.SK-form-hint {
    max-width: 129px;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel {
    width: inherit;
    margin: 0;
    min-height: 0;
    background: #282931;
    padding: 0 110px 240px 110px;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .title {
    text-align: center;
    font-size: 28px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 100px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap {
    padding-top: 100px;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap .form-input:nth-child(1) .area-block {
    width: 460px;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap button {
    border: none;
    outline: none;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap .SK-form-block .phone-number {
    line-height: 30px;
    font-size: 14px;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap .SK-form-block .send-btn,
.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap .SK-form-block .counting {
    height: 30px;
    width: 70px;
    color: #ffffff;
    background: #ff6900;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap .SK-form-block .counting {
    background: #7a80a2;
    cursor: not-allowed;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap .btn-wrap {
    margin-top: 200px;
    padding-left: 100px;
    padding-bottom: 90px;
}

.SK-activate-wallet-container.SK-user-center-form-container.sign-up-panel .SK-form-block-wrap .btn-wrap button {
    width: 200px;
    height: 40px;
    color: #ffffff;
    background: #508bf3;
}

.SK-recharge-success-container {
    background: #33394d;
    padding: 60px 0 90px;
}

.SK-recharge-success-container .SK-logo-box {
    margin: 0 auto;
    height: 332px;
    width: 305px;
}

.SK-recharge-success-container .success {
    background: url(https://static.sonkwo.com/frontend/assets/4ade1150d19e30cf30de01e9b46b8342.png);
}

.SK-recharge-success-container .fail {
    background: url(https://static.sonkwo.com/frontend/assets/b0b09e58a1d0ff28753ec2fcaad903c9.png);
}

.SK-recharge-success-container .title {
    font-size: 28px;
    color: #222;
    text-align: center;
    margin-top: 25px;
}

.SK-recharge-success-container .info {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}

.SK-recharge-success-container .info .text {
    color: #222;
}

.SK-recharge-success-container .info .amount {
    color: #ff6900;
}

.SK-recharge-success-container .SK-buttons {
    text-align: center;
    margin-top: 20px;
}

.SK-recharge-success-container .SK-buttons a {
    display: inline-block;
    line-height: 40px;
    width: 160px;
    text-align: center;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 2px 2px 2px 2px;
}

.SK-recharge-success-container .SK-buttons a+a {
    margin-left: 30px;
}

.SK-recharge-success-container .SK-buttons .order {
    height: 40px;
    line-height: 38px;
    border: 1px solid #508bf3;
    color: #508bf3;
}

.SK-recharge-success-container .SK-buttons .wallet {
    color: #ffffff;
    background: #508bf3;
}

body {
    background: #1d1f27;
}